<template>
  <div class='empty-wrapper flex-bcenter padding_15'>
    <div class="empty-image">
      <img :src='image' alt='empty' />
    </div>
    <div class="empty-text">{{description}}</div>
    <slot name="default"></slot>
  </div>
</template>

<script>
export default {
  props: {
    description: {
      type: String,
      default: '暂无数据'
    },
    image: {
      type: String,
      default: require('@/assets/images/empty.png')
    },
  }
}
</script>

<style lang='less' scoped>
.empty-wrapper {
  flex-direction: column;
  background-color: transparent;
  .empty-image {
    width: 100px;
    height: 83px;
  }
  .empty-text {
    font-size: 14px;
    color: rgba(143, 171, 191, 1);
  }
}
</style>